<template>
  <div class="person">
    ????
  </div>
</template>

<script lang="ts" setup name="PersonProps">
  import {type PersonPropsInter,type PersonsList } from '@/types';//直接导入泛型接口类型
  //let person: PersonPropsInter ={id:"sncien",name:"张三",age:25}

  // 一个很多人的数组信息
  let personList: PersonsList = [
    { id: "sncien", name: "张三", age: 25 },
    { id: "sncen", name: "李四", age: 30 }
]
</script>
<style scoped>
  .person {
    background-color: skyblue;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
  }
  button {
    margin: 0 5px;
  }
  li {
    font-size: 20px;
  }
</style>